<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./templates/template_general.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Détails de l'enseigne
    </ui:define>

    <ui:define name="content">

        <c:if test="#{utilisateurMBean.estAdmin() || utilisateurMBean.estClient() || enseigneMBean.estProprietaire()}">
            <f:metadata>
                <f:viewParam name="id" value="#{enseigneMBean.idEnseigne}"/>
            </f:metadata>
            #{enseigneMBean.resetEnseigne()}

            <div class="column4">
                <div class="title" style="float:left;">
                    <div style="float:left;">
                        <c:if test="#{utilisateurMBean.estAdmin() || enseigneMBean.estProprietaire()}">
                            <a href="./edit_enseigne.xhtml?id=#{enseigneMBean.enseigne.id}"><img src="./resources/images/edit.png" width="15px"/></a>
                        </c:if>
                        <c:if test="#{utilisateurMBean.estClient()}">
                        </c:if>
                        &nbsp;&nbsp;&nbsp;#{enseigneMBean.enseigne.nom}
                    </div>
                </div>
            </div>

            <div class="column2">
                <div class="column2" style="background-color:#f3f5f6; margin-left:5px;">

                    <div class="big_pic">
                        <p:imageSwitch effect="fade" speed="2">
                            <ui:repeat value="#{enseigneMBean.enseigne.lstImage}" var="imageSlide">
                                <p:graphicImage value="./resources/images/enseignes_img/#{imageSlide}" width="282" height="212" alt="" title="" styleClass="img_big_pic"/>  
                            </ui:repeat>
                        </p:imageSwitch>
                    </div>

                    <div class="pictures_thumbs">
                        <h3>Images disponibles :</h3>
                        <p:lightBox>
                            <ui:repeat value="#{enseigneMBean.enseigne.lstImage}" var="imageZoom">
                                <h:outputLink value="./resources/images/enseignes_img/#{imageZoom}">  
                                    <h:graphicImage value="./resources/images/enseignes_img/#{imageZoom}" width="10%" title="" styleClass="img_thumb" />  
                                </h:outputLink>
                            </ui:repeat>
                        </p:lightBox>
                    </div>
                </div>

                <div class="column2" style="background-color:#f3f5f6; margin-left:5px;">
                    <div class="main_text_box">
                        <h1>Description</h1>
                        <p>#{enseigneMBean.enseigne.description}</p>        
                    </div>
                    <div class="title3">Détails:</div> 
                    <h:panelGrid columns="2" cellpadding="5" styleClass="enseigne_details">
                        <h:outputText styleClass="details_list2" value="Adresse : "/><h:outputText value="#{enseigneMBean.enseigne.adresse}"/>
                        <h:outputText styleClass="details_list2" value="Ville : "/><h:outputText value="#{enseigneMBean.enseigne.ville}"/>
                        <h:outputText styleClass="details_list2" value="Pays : "/><h:outputText value="#{enseigneMBean.enseigne.pays}"/>
                        <h:outputText styleClass="details_list2" value="Note générale : "/>
                        <h:panelGroup>
                            <p:rating disabled="true" value="#{enseigneMBean.enseigne.note}"/><h:outputText value="(#{enseigneMBean.enseigne.notes.size()})"/>
                        </h:panelGroup>

                        <c:if test="#{enseigneMBean.droitDeVote()}">
                            <h:outputText styleClass="details_list2" value="Ma note : "/>
                            <h:panelGroup>
                                <h:form>
                                    <p:rating>
                                        <p:ajax event="rate" listener="#{enseigneMBean.addNote}"/>
                                    </p:rating>
                                </h:form>
                            </h:panelGroup>
                        </c:if>

                        <h:outputText styleClass="details_list2" value="Ajoutée le : "/>
                        <h:outputText value="#{enseigneMBean.enseigne.dateCreation}">
                            <f:convertDateTime type="both" dateStyle="full" locale="fr" />
                        </h:outputText>
                    </h:panelGrid>
                    <h:form>
                        <c:if test="#{utilisateurMBean.estClient()}">
                            <c:if test="#{!enseigneMBean.estFavoris()}">
                                <p:commandButton ajax="false" value="Ajouter aux favoris" action="#{utilisateurMBean.addFavoris(enseigneMBean.enseigne)}"/>
                            </c:if>
                            <c:if test="#{enseigneMBean.estFavoris()}">
                                <p:commandButton ajax="false" value="Supprimer des favoris" action="#{enseigneMBean.removeFavoris()}"/>
                            </c:if>
                        </c:if>
                    </h:form>
                    <div class="details_list">
                        <c:if test="${!empty enseigneMBean.enseigne.video}">
                            <p:media value="http://www.youtube.com/v/#{enseigneMBean.enseigne.video}" width="300" height="200" player="flash"/>
                        </c:if>
                    </div>

                </div><!-- end of column two -->
            </div>

            <!-- Début des actualités -->
            <div class="column3" style="margin-left:10px;">
                <div class="main_text_box">
                    <h:form>
                        <h1><h:outputLabel value="Actualités : (${enseigneMBean.enseigne.actualites.size()})"/></h1>

                        <c:if test="${empty enseigneMBean.enseigne.actualites}">
                            <br/><i><h:outputLabel value="Il n'y a pas d'actualité"/></i>
                        </c:if>
                        <p:lightBox width="50%">
                            <c:if test="${enseigneMBean.enseigne.actualites.size()>5}">
                                <h:outputLink value="#" title="Lire les anciennes actualités">
                                    <h:outputLabel value="Lire les anciennes actualités"/>
                                </h:outputLink>
                                <f:facet name="inline">  
                                    <p:dataList value="#{enseigneMBean.enseigne.actualites}" var="actualite" type="definition">  
                                        <f:facet name="description">
                                            <br/>
                                            #{actualite.description}
                                            <br/>
                                            <hr/>
                                        </f:facet>
                                    </p:dataList> 
                                </f:facet>
                            </c:if>
                        </p:lightBox>

                        <c:if test="${enseigneMBean.enseigne.actualites.size()>0}">
                            <p:dataList first="#{enseigneMBean.enseigne.actualites.size()-5}" value="#{enseigneMBean.enseigne.actualites}" rows="5" var="actualite" type="definition">  
                                <f:facet name="description">
                                    #{actualite.description}
                                    <br/>
                                    <hr/>
                                </f:facet>
                            </p:dataList>
                        </c:if>
                        <h:panelGrid columns="2">
                            <h:inputText id="actualite" size="30" value="#{enseigneMBean.actu}" title="Actualite" required="true"/>
                            <p:commandButton value="Ajouter" action="#{enseigneMBean.addActualite()}"/>
                        </h:panelGrid>
                    </h:form>
                </div>
            </div>
            <!-- Fin des actualités -->

            <!-- Début des commentaires -->
            <div class="column3" style="margin-left:10px;">
                <div class="main_text_box">
                    <h:form>
                        <h1><h:outputLabel value="Commentaires :"/></h1>
                        <c:if test="${empty enseigneMBean.enseigne.commentaires}">
                            <br/><i><h:outputLabel value="Il n'y a pas de commentaire"/></i>
                        </c:if>

                        <c:if test="${enseigneMBean.enseigne.commentaires.size()>0}">
                            <p:lightBox width="50%">
                                <h:outputLink value="#" title="Lire tous les commentaires">
                                    <h:outputLabel value="Lire les ${enseigneMBean.enseigne.commentaires.size()} commentaires"/>
                                </h:outputLink>
                                <f:facet name="inline">  
                                    <p:dataList value="#{enseigneMBean.enseigne.commentaires}" var="commentaire" type="definition">  
                                        <f:facet name="description"> 
                                            <br/>
                                            #{commentaire.user.login} a dit : #{commentaire.message} - 
                                            <br/>
                                            <hr/>
                                        </f:facet>
                                    </p:dataList> 
                                </f:facet>
                            </p:lightBox>
                        </c:if>
                        <h:panelGrid columns="2">
                            <h:inputText id="actualite" size="30" value="#{enseigneMBean.comm}" title="Actualite" required="true"/>
                            <p:commandButton value="Ajouter" action="#{enseigneMBean.addCommentaire()}"/>
                        </h:panelGrid>
                    </h:form>
                </div>
            </div>
            <!-- Fin des commentaires -->

            <div class="column3" style="margin-left:10px;">
                <div class="main_text_box">
                    <p:growl id="growl" showDetail="true"/>  
                    <p:gmap center="#{enseigneMBean.enseigne.latitude},#{enseigneMBean.enseigne.longitude}" zoom="14" type="HYBRID" model="#{mapBean.simpleModel}"  style="width:320px;height:320px" streetView="true">  
                        <p:ajax event="overlaySelect" listener="#{mapBean.onMarkerSelect}" update="growl" />   
                    </p:gmap>
                </div>
            </div>

            <h:form>
                <p:dialog header="Confirmez-vous le vote ?" widgetVar="confirmVote" modal="true" draggable="false" resizable="false" width="200" height="50">
                    <h:panelGrid styleClass="centered">

                        <p:commandButton action="#{enseigneMBean.updateCurrentEnseigne()}" ajax="false" type="submit" value="Oui" style="width: 100px;"/>
                    </h:panelGrid>
                </p:dialog>
            </h:form>
        </c:if>
        <c:if test="#{!utilisateurMBean.connecte}">
            <br/>
            <h:outputText value="Veuillez vous connecter pour accéder au contenu de cette page."/>
        </c:if>
        <c:if test="#{utilisateurMBean.connecte}">
            <c:if test="#{!utilisateurMBean.estClient()}">
                <c:if test="#{!enseigneMBean.estProprietaire()}">
                    <br/>
                    <h:outputText value="Vous n'êtes pas propriétaire de cette enseigne."/>
                </c:if>
            </c:if>
        </c:if>
    </ui:define>

</ui:composition>